<template>
  <div class="my-bottom-box">
    <van-cell title="基本信息" class="cell" />
    <van-grid direction="horizontal" :column-num="3">
      <van-grid-item  text="我的进货单" >
        <template #icon>
          <img src="https://www.zgmyncpjyw.com/Mobile/images/ico/ico2.png" >
        </template>
      </van-grid-item>
      <van-grid-item  text="我的收藏" >
        <template #icon>
          <img src="https://www.zgmyncpjyw.com/Mobile/images/ico/ico3.png" >
        </template>
      </van-grid-item>
      <van-grid-item  text="我的供应商" >
        <template #icon>
          <img src="https://www.zgmyncpjyw.com/Mobile/images/ico/ico5.png" >
        </template>
      </van-grid-item>
      <van-grid-item  text="我的评价" >
        <template #icon>
          <img src="https://www.zgmyncpjyw.com/Mobile/images/ico/ico6.png" >
        </template>
      </van-grid-item>
      <van-grid-item  text="收货地址" >
        <template #icon>
          <img src="	https://www.zgmyncpjyw.com/Mobile/images/ico/ico1.png" >
        </template>
      </van-grid-item>
      <van-grid-item  >
      </van-grid-item>

    </van-grid>
  </div>
</template>
  
  <script lang="ts" setup>
</script>
  
  <style scoped>
.my-bottom-box {
  width: 100%;
  height: 150px;
  border-radius: 20px;
  margin-top: 40px;
  background-color: #fff;
}
.van-icon {
  margin-top: 6px;
}
.cell {
  border-radius: 20px 20px 0rem 0rem;
}
.van-grid {
  border-radius: 0 0 20px 20px;
}
img{
  width: 40px;
  height: 40px;
};

</style>